<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>JavaScript 实现时钟案例</title>
		<style type="text/css">
			.clock{
				width: 500px;
				height: 500px;
				border-radius: 100px;
				background-color: #202121;
				margin: 50px auto;
			}
		</style>
	</head>
	<body>
		<div class="clock">
			<canvas id="clock" width="500" height="500"></canvas>
		</div>
		<script type="text/javascript" src="js/clock.js"></script>
		<script type="text/javascript">
//			new Clock({
//				panelBgColor: '#F5F4F7',
//				hourColor: '#202121',
//				hourFont: '55px Arial',
//				indicatorColor: '#262626',
//				indicatorHighlight: '#E08946'
//			}).init();

			new Clock({
				panelBgColor: '#666',
				hourColor: '#fff',
				hourFont: '55px Arial',
				indicatorColor: '#fff',
				indicatorHighlight: '#E08946'
			}).init();
		</script>
	</body>
</html>
